<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ include file="common/commonTopOther.jsp"%>
<!DOCTYPE HTML>
<html>

	<head>
		<title>登录页面</title>
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/login.css"rel="stylesheet" type="text/css" media="all" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="GENERATOR" content="MSHTML 11.00.9600.17496">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
			
			$("span.menu").click(function() {
				$(".head-nav ul").slideToggle(300, function() {
					// Animation complete.
				});
			});
		</script>
		<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
		<script src="js/jquery.min.js"></script>
	</head>
		<script type="text/javascript">
			$(function() {
				//得到焦点
				$("#password").focus(function() {
					$("#left_hand").animate({
						left: "150",
						top: " -38"
					}, {
						step: function() {
							if (parseInt($("#left_hand").css("left")) > 140) {
								$("#left_hand").attr("class", "left_hand");
							}
						}
					}, 2000);
					$("#right_hand").animate({
						right: "-64",
						top: "-38px"
					}, {
						step: function() {
							if (parseInt($("#right_hand").css("right")) > -70) {
								$("#right_hand").attr("class", "right_hand");
							}
						}
					}, 2000);
				});
				//失去焦点
				$("#password").blur(function() {
					$("#left_hand").attr("class", "initial_left_hand");
					$("#left_hand").attr("style", "left:100px;top:-12px;");
					$("#right_hand").attr("class", "initial_right_hand");
					$("#right_hand").attr("style", "right:-112px;top:-12px");
				});
			});
		</script>
		
	</head>

	<body>
		
		<div class="top_div">
			<!--<div id="menu" >
			<span style="font-size: 70px;color: #76563F;font-family: '宋体';">虚拟义工平台</span>-->
			</div>
		</div>
		<div style="background: rgb(255, 255, 255); margin: -100px auto auto; border: 1px solid rgb(231, 231, 231); border-image: none; width: 400px; height: 210px; text-align: center;">
			<div style="width: 165px; height: 96px; position: absolute;">
				<div class="tou"></div>
				<div class="initial_left_hand" id="left_hand"></div>
				<div class="initial_right_hand" id="right_hand"></div>
			</div>
        <s:form action="login_login" namespace="/" method="post">
			<p style="padding: 30px 0px 10px; position: relative;">
				<span class="u_logo"></span>
				<input class="ipt" type="text" placeholder="请输入已注册的邮箱" value="" name="user.email">
				<h5 style="color:white;"><s:fielderror><s:param>email</s:param></s:fielderror></h5>
			</p>
		    
			<p style="position: relative;">
				<span class="p_logo"></span>
				<input class="ipt" id="password" type="password" placeholder="请输入密码" value="" name="user.password">
				<h5 style="color:white;"><s:fielderror><s:param>password</s:param> </s:fielderror></h5>
			</p>
			
			<div style="height: 50px; line-height:30px; margin-top: 25px; border-top-color: rgb(231, 231, 231); border-top-width: 1px; border-top-style: solid;">
				<p style="margin: -13px 51px 20px 45px;">
					<!--<span style="float: left;"><A style="color: rgb(204, 204, 204);" href="#">忘记密码?</A></span>-->
					<span style="float: center; font-size: ;"><A style="color: rgb(204, 204, 204); margin-right: 50px;" href="register.jsp">注册</A>  
					<s:submit value="登录"/><br/>  
           </span></p>
			</div>
		</div>
		</s:form>

	</body>

</HTML>
<%@ include file="common/commonBottom.jsp"%>